<template>
  <div class="mobile">
    <a-card class="aboutUs p10 pagePadding mobileHeight" :bordered="false">
      <img class="logo" src="../../assets/img/mobile/logo.png">
      <span>唐山未检</span>
      <p>唐山未检的主要职责包括：负责唐山市未成年人检察工作的综合业务以及未成年人涉嫌犯罪案件、侵害未成年人人身权利犯罪线索收集，保护未成年人健康成长，宣传未成年人保护法，以及宣传好人好事等。</p>
      <img class="aboutUs-img" src="../../assets/img/mobile/aboutUs.png">
    </a-card>
    <div class="weui-tabbar">
      <a href="javascript:void(0);" class="weui-tabbar__item" @click="firstPage()">
        <span><i class="iconfont iconzhuye2"></i></span>
        <p class="weui-tabbar__label">首页</p>
      </a>
      <a href="javascript:void(0);" class="weui-tabbar__item" @click="hrhsPage()">
        <span><i class="iconfont icondianzan1"></i></span>
        <p class="weui-tabbar__label">好人好事</p>
      </a>
      <a href="javascript:void(0);" class="weui-tabbar__item" @click="myPage()">
        <span><i class="iconfont iconwode-copy"></i></span>
        <p class="weui-tabbar__label">我的</p>
      </a>
    </div>
  </div>
</template>

<script>

  export default {
    name: 'AboutUs',
    data() {
      return {

      };
    },
    created(){

    },
    methods: {
      firstPage(){
        this.$router.push('/MinorsProtecteGuide');
      },
      hrhsPage(){
        this.$router.push('/GoodThingsList');
      },
      myPage(){
        this.$router.push('/PersonalMsg');
      }
    }
  };
</script>